{extend name="public:layoutnhq" /}
{block name="title"}{$webConfig['WEBNAME']}-农化圈订单确认页{/block}
{block name="head"}
{/block}
{block name="body"}
{include file="public/header_cart"/}
<div class="g-container orderconfirm-box">
    <div class="box-row">
        <div class="row-tit">
            <h2>收货方式</h2>
            <ul class="delivery-type">
                <li><a href="javascript:;" onclick="delivery(this)" data-type="address" class="item active">快递物流</a></li>
                <li><a href="javascript:;" onclick="delivery(this)" data-type="since" class="item">到店自提</a></li>
            </ul>
        </div>
        <div class="row-main">
           <ul id="address" class="mc-address-list mc-avg-4 avg-margin-20">
               <div class="mc-no-msg">
                   <span class="iconfont icon-dizhi1"></span>
                   <h2>您还没有收货地址,请添加！</h2>
                   <a href="javascript:;" class="action">新增收货地址</a>
               </div>
               <div class="action">
                   <a href="javascript:;" class="add-address">新增收货地址</a>
               </div>
               <li class="item">
                   <div class="address-item active">
                       <div class="address-main">
                           <div class="row">
                               <span class="area">山西省 晋中市 榆次区</span>
                           </div>
                           <div class="row">
                               <div class="name">
                                   <span class="iconfont icon-huiyuan"></span>
                                   柴赟
                               </div>
                               <div class="mobile">
                                   <span class="iconfont icon-ordinarymobile"></span>
                                   13096635151
                               </div>

                           </div>
                           <div class="row address-info">
                               <span class="iconfont icon-zuobiao2"> </span>
                                   榆次区南窑街顺城西街名仕家园399号这里是测试长地址
                           </div>
                       </div>
                       <span class="iconfont icon-xuanze select-address"></span>
                   </div>
               </li>
               <li class="item">
                   <div class="address-item">
                       <div class="address-main">
                           <div class="row">
                               <span class="area">山西省 晋中市 榆次区</span>
                               <span class="default">默认地址</span>
                           </div>
                           <div class="row">
                               <div class="name">
                                   <span class="iconfont icon-huiyuan"></span>
                                   柴赟
                               </div>
                               <div class="mobile">
                                   <span class="iconfont icon-ordinarymobile"></span>
                                   13096635151
                               </div>

                           </div>
                           <div class="row address-info">
                               <span class="iconfont icon-zuobiao2"> </span>
                               榆次区南窑街顺城西街名仕家园399号这里是测试长地址
                           </div>
                       </div>
                   </div>
               </li>
           </ul>
           <ul id="since" class="mc-since-list mc-avg-4 avg-margin-20">
                <li class="item active">
                    <div class="since-item">
                        <div class="row">
                            <span class="iconfont icon-shop2"></span> 自提点：某某街道自营店
                        </div>
                        <div class="row">
                            <span class="iconfont icon-ordinarymobile"></span> 联系电话：13096635151
                        </div>
                        <div class="row">
                            <span class="iconfont icon-zuobiao2"></span> 山西省晋中市榆次区顺城街2234号这里测试场长地址显示内容
                        </div>
                    </div>
                </li>
                <li class="item">
                    <div class="since-item">
                        <div class="row">
                            <span class="iconfont icon-shop2"></span> 自提点：某某街道自营店
                        </div>
                        <div class="row">
                            <span class="iconfont icon-ordinarymobile"></span> 联系电话：13096635151
                        </div>
                        <div class="row">
                            <span class="iconfont icon-zuobiao2"></span> 山西省晋中市榆次区顺城街2234号这里测试场长地址显示内容
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="box-row">
        <div class="row-tit">
            <h2>商品信息</h2>
        </div>
        <div class="row-main">
            <div class="mc-orderconfirm-list">
                <div class="orderconfirm-item-title">
                    <span class="goods-info">商品信息</span>
                    <span class="goods-price">单价</span>
                    <span class="goods-number">数量</span>
                    <span class="goods-money">金额</span>
                </div>
                <div class="item">
                    <div class="item-tit">
                        <a href="javascript:;" class="shop-name">
                            <span class="iconfont icon-shop1"></span>
                            国联全网旗舰店
                        </a>
                        <a target="_blank" class="icon icon-qq" href="http://wpa.qq.com/msgrd?v=3&uin=260231235&site=qq&menu=yes">
                        </a>
                    </div>
                    <div class="item-main">
                        <!--普通商品-->
                        <table class="cart-goods-table">
                            <tr>
                                <td class="goodsinfo">
                                    <div class="goodsbox">
                                        <div class="thumb">
                                            <a href="javascript:;">
                                                <img src="../static/images/cp014.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="text-info">
                                            <a href="javascript:;" class="goods-name">
                                                织梦新闻资讯网站源码整站带数据dede新闻门户网站模板带手机版据dede新闻门户网站模板带手机版de新闻门户网站模板带手机版
                                            </a>
                                            <div class="sku-name">
                                                颜色分类：白色[325]尺码：37
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                <td class="price">
                                    ￥13.00
                                </td>
                                <td class="number-box">
                                    100
                                </td>
                                <td class="money">
                                    ￥1300.00
                                </td>
                            </tr>
                        </table>
                        <!--包含赠品-->
                        <table class="cart-goods-table">
                            <tr>
                                <td class="goodsinfo">
                                    <div class="goodsbox">
                                        <div class="thumb">
                                            <a href="javascript:;">
                                                <img src="../static/images/cp014.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="text-info">
                                            <a href="javascript:;" class="goods-name">
                                                织梦新闻资讯网站源码整站带数据dede新闻门户网站模板带手机版据dede新闻门户网站模板带手机版de新闻门户网站模板带手机版
                                            </a>
                                            <div class="sku-name">
                                                颜色分类：白色[325]尺码：37
                                            </div>
                                        </div>
                                    </div>
                                    <div class="gift-goods">
                                        <span class="tag">赠品</span>
                                        <div class="gift">
                                            <div class="thumb">
                                                <a href="javascript:;" title="赠品名称"><img src="../static/images/cp003.jpg" alt=""></a>
                                            </div>
                                            <div class="num">
                                                ×1
                                            </div>
                                        </div>
                                        <div class="gift">
                                            <div class="thumb">
                                                <a href="javascript:;" title="赠品名称"><img src="../static/images/cp002.jpg" alt=""></a>
                                            </div>
                                            <div class="num">
                                                ×1
                                            </div>
                                        </div>
                                        <div class="gift">
                                            <div class="thumb">
                                                <a href="javascript:;" title="赠品名称"><img src="../static/images/cp002.jpg" alt=""></a>
                                            </div>
                                            <div class="num">
                                                ×1
                                            </div>
                                        </div>
                                        <div class="gift">
                                            <div class="thumb">
                                                <a href="javascript:;" title="赠品名称"><img src="../static/images/cp002.jpg" alt=""></a>
                                            </div>
                                            <div class="num">
                                                ×1
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                <td class="price">
                                    ￥13.00
                                </td>
                                <td class="number-box">
                                    100
                                </td>
                                <td class="money">
                                    ￥1300.00
                                </td>
                            </tr>
                        </table>
                        <table class="cart-goods-table">
                            <tr>
                                <td class="suit-goodsinfo">
                                    <div class="suit-name">
                                        <span class="tag">套装</span>
                                        这里是优惠套装名称测试套装名称长度
                                    </div>
                                    <table class="suit-table">
                                        <thead>
                                        <tr>
                                            <th class="suit-goods">商品信息</th>
                                            <th class="suit-number">数量</th>
                                            <th class="price">单价</th>
                                        </tr>
                                        </thead>
                                    </table>
                                    <div class="suit-goods-box">
                                        <table class="suit-table">
                                            <tbody>
                                            <tr>
                                                <td class="suit-goods">
                                                    <div class="goodsbox">
                                                        <div class="thumb">
                                                            <a href="javascript:;">
                                                                <img src="../static/images/cp014.jpg" alt="">
                                                            </a>
                                                        </div>
                                                        <div class="text-info">
                                                            <a href="javascript:;" class="goods-name">
                                                                织梦新闻资讯网站源码整站带数据dede新闻门户网站模板带手机版据dede新闻门户网站模板带手机版de新闻门户网站模板带手机版
                                                            </a>
                                                            <div class="sku-name">
                                                                颜色分类：白色[325]尺码：37
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="suit-number">2</td>
                                                <td class="price">￥10.00</td>
                                            </tr>
                                            <tr>
                                                <td class="suit-goods">
                                                    <div class="goodsbox">
                                                        <div class="thumb">
                                                            <a href="javascript:;">
                                                                <img src="../static/images/cp014.jpg" alt="">
                                                            </a>
                                                        </div>
                                                        <div class="text-info">
                                                            <a href="javascript:;" class="goods-name">
                                                                织梦新闻资讯网站源码整站带数据dede新闻门户网站模板带手机版据dede新闻门户网站模板带手机版de新闻门户网站模板带手机版
                                                            </a>
                                                            <div class="sku-name">
                                                                颜色分类：白色[325]尺码：37
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="suit-number">2</td>
                                                <td class="price">￥10.00</td>
                                            </tr>
                                            <tr>
                                                <td class="suit-goods">
                                                    <div class="goodsbox">
                                                        <div class="thumb">
                                                            <a href="javascript:;">
                                                                <img src="../static/images/cp014.jpg" alt="">
                                                            </a>
                                                        </div>
                                                        <div class="text-info">
                                                            <a href="javascript:;" class="goods-name">
                                                                织梦新闻资讯网站源码整站带数据dede新闻门户网站模板带手机版据dede新闻门户网站模板带手机版de新闻门户网站模板带手机版
                                                            </a>
                                                            <div class="sku-name">
                                                                颜色分类：白色[325]尺码：37
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="suit-number">2</td>
                                                <td class="price">￥10.00</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <table class="suit-table">
                                        <tbody>
                                        <tr>
                                            <td colspan="3">
                                                <div class="suit-price">
                                                    套装总计3件商品，原价￥220.00元,套装价:<span class="price">￥200.00</span>
                                                </div>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </td>
                                <td class="number-box">
                                  100
                                </td>
                                <td class="money">
                                    ￥1300.00
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="item-foot">
                        <div class="left">
                            <div class="order-remarks coupon">
                                <span class="tit">优惠券选择</span>
                                <select id="state" class="">
                                    <option>￥100.00（满1000减100元）</option>
                                    <option>￥50.00（满500减50元）</option>
                                </select>
                            </div>
                            <div class="order-remarks order-message">
                                <span class="tit">给商家留言</span>
                                <textarea class="" placeholder="对于本次交易的说明（建议填写与商家协商一致的内容）"></textarea>
                            </div>
                        </div>
                        <div class="right">
                            <div class="shop-total">
                                <div class="row">商品合计：<b>3900.00</b></div>
                                <div class="row">优惠券抵扣：-<b>3900.00</b></div>
                                <div class="row">
                                    运费：<b>100.00</b></div>
                                <div class="row">店铺合计：<b class="total-num">￥100000.00</b></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="item-tit">
                        <a href="javascript:;" class="shop-name">
                            <span class="iconfont icon-shop1"></span>
                            国联全网旗舰店
                        </a>
                        <a target="_blank" class="icon icon-qq" href="http://wpa.qq.com/msgrd?v=3&uin=260231235&site=qq&menu=yes">
                        </a>
                    </div>
                    <div class="item-main">
                        <!--普通商品-->
                        <table class="cart-goods-table">
                            <tr>
                                <td class="goodsinfo">
                                    <div class="goodsbox">
                                        <div class="thumb">
                                            <a href="javascript:;">
                                                <img src="../static/images/cp014.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="text-info">
                                            <a href="javascript:;" class="goods-name">
                                                织梦新闻资讯网站源码整站带数据dede新闻门户网站模板带手机版据dede新闻门户网站模板带手机版de新闻门户网站模板带手机版
                                            </a>
                                            <div class="sku-name">
                                                颜色分类：白色[325]尺码：37
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                <td class="price">
                                    ￥13.00
                                </td>
                                <td class="number-box">
                                    100
                                </td>
                                <td class="money">
                                    ￥1300.00
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="item-foot">
                        <div class="left">
                            <div class="order-remarks coupon">
                                <span class="tit">优惠券选择</span>
                                <select id="state" class="">
                                    <option>￥100.00（满1000减100元）</option>
                                    <option>￥50.00（满500减50元）</option>
                                </select>
                            </div>
                            <div class="order-remarks order-message">
                                <span class="tit">给商家留言</span>
                                <textarea class="" placeholder="对于本次交易的说明（建议填写与商家协商一致的内容）"></textarea>
                            </div>
                        </div>
                        <div class="right">
                            <div class="shop-total">
                                <div class="row">商品合计：<b>3900.00</b></div>
                                <div class="row">优惠券抵扣：-<b>3900.00</b></div>
                                <div class="row">
                                    运费：<b>100.00</b></div>
                                <div class="row">店铺合计：<b class="total-num">￥100000.00</b></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="order-total">
        <a href="{:url('cart')}" class="back-cart"><span class="iconfont icon-zuoyou1"></span>返回购物车</a>
        实付款：<span class="currency">￥</span><span id="order-money" class="order-money">345678.99</span>
        <a href="{:url('orderPay')}" class="order-submit">提交订单</a>
    </div>
</div>
{include file="public/footer"/}
{/block}
{block name="script"}
<script>
    function delivery(obj) {
        var type=$(obj).data('type');
        $(obj).parents('.delivery-type').find('a').removeClass('active');
        $(obj).addClass('active');
        $('#address').hide();
        $('#since').hide();
        $('#'+type).show();
    }
</script>
{/block}